<script setup>
import { useStore } from "./stores/counter.js";
import { RouterLink, RouterView } from "vue-router";
import { onMounted } from "vue";
const store = useStore();
function remWidth() {
  let Width = document.documentElement.clientWidth;
  store.Width = Width;
  let count = 12;
  if (Width > 1000) {
    Width = 1920;
    count = 19;
  }
  document.documentElement.style.fontSize = Width / count + "px";
  document.querySelector("body").style.fontSize = 0.3 + "rem";
}
remWidth();
window.onresize = function () {
  remWidth();
};
</script>

<template>
  <RouterView />
</template>

<style>
* {
  padding: 0;
  margin: 0;

  caret-color:auto;
}

</style>
